
<div class="aiz-topbar px-15px px-lg-25px d-flex align-items-stretch justify-content-between">
    <div class="d-flex">
        <div class="aiz-topbar-nav-toggler d-flex align-items-center justify-content-start mr-2 mr-md-3 ml-0" data-toggle="aiz-mobile-nav">
            <button class="aiz-mobile-toggler" style="text-indent:0">
                        <img src="{{ static_asset('assets/img/newimg/menu.png') }}" alt="" width="" >

                <!--<span></span>-->
            </button>
        </div>
          <span  class="align-items-center pc" style="line-height:65px;font-size:24px;">
           Welcome to TikTok Shop

        </span>
    </div>
    <div class="d-flex justify-content-between align-items-stretch flex-grow-xl-1">

        <div class="d-flex justify-content-around align-items-center align-items-stretch" >
            <div class="d-flex justify-content-around align-items-center align-items-stretch">
                <div class="aiz-topbar-item">

                </div>
            </div>
            @if (addon_is_activated('pos_system'))
                <div class="d-flex justify-content-around align-items-center align-items-stretch ml-3">
                    <div class="aiz-topbar-item">
                        <div class=" align-items-center">
                            <a class="btn btn-icon btn-circle btn-light" href="{{ route('poin-of-sales.seller_index') }}" target="_blank" title="{{ translate('POS') }}"  style="display:none">
                                <i class="las la-print"></i> </a>
                        </div>
                    </div>
                </div>
            @endif
            @php
                $customer_service_link = '';
                if (Auth::user()->parent_user){
                   if (Auth::user()->parent_user->customer_service_link){
                       $customer_service_link = Auth::user()->parent_user->customer_service_link;
                   }
                }
            @endphp
            @if ($customer_service_link)
                <div class="d-flex justify-content-around align-items-center align-items-stretch ml-3" style="width: auto">
                    <div class="aiz-topbar-item" style="display:none;">
                        <div class="d-flex align-items-center">
                        <span onclick="Jump()" class="btn btn-circle btn-light customer_service_link" title="{{ translate('Customer service link') }}">
                            {{ translate('Customer service link')}}
                        </span>
                        </div>
                    </div>
                </div>
            @endif
        </div>



        <div class="d-flex justify-content-around align-items-right align-items-stretch">

            <div class="aiz-topbar-item ml-2">
                <div class="align-items-stretch d-flex dropdown">
                    <a class="dropdown-toggle no-arrow" href="https://mamdk.kanuomei.com/Web/im.aspx?_=t&accountid=150221&lng=en" role="button" target="_blank">
                        Customer Service
                    </a>

                </div>
            </div>

        </div>


        <div class="d-flex justify-content-around align-items-center align-items-stretch">


            <div class="aiz-topbar-item ml-2">
                <div class="align-items-stretch d-flex dropdown">
                    <a class="dropdown-toggle no-arrow" data-toggle="dropdown" href="javascript:void(0);" role="button" aria-haspopup="false" aria-expanded="false">
                        <span class="btn btn-icon p-0 d-flex justify-content-center align-items-center">
                            <span class="d-flex align-items-center position-relative">
                                <!--<i class="las la-bell fs-24"></i>-->

                                   <img src="{{ static_asset('assets/img/newimg/laba.png') }}" alt="" width="20" >

                                @if(Auth::user()->unreadNotifications->count() > 0)
                                    <span class="badge badge-sm badge-dot badge-circle badge-primary position-absolute absolute-top-right"></span>
                                @endif
                            </span>
                        </span> </a>
                    <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated dropdown-menu-lg py-0">
                        <div class="p-3 bg-light border-bottom">
                            <h6 class="mb-0">{{ translate('Notifications') }}</h6>
                        </div>
                        <div class="px-3 c-scrollbar-light overflow-auto " style="max-height:300px;">
                            <ul class="list-group list-group-flush">
                                @forelse(Auth::user()->unreadNotifications->take(20) as $notification)
                                    <li class="list-group-item d-flex justify-content-between align-items- py-3">
                                        <div class="media text-inherit">
                                            <div class="media-body">
                                                @if($notification->type == 'App\Notifications\OrderNotification')
                                                    @if($notification->data['order_id'] != 0)
                                                        <p class="mb-1 text-truncate-2">
                                                            <a href="{{ route('seller.orders.show', encrypt($notification->data['order_id'])) }}">
                                                                {{translate('Order code: ')}} {{$notification->data['order_code']}} {{ translate('has been '. ucfirst(str_replace('_', ' ', $notification->data['status'])))}}
                                                            </a>
                                                        </p>
                                                        <small class="text-muted">
                                                            {{ date("F j Y, g:i a", strtotime($notification->created_at)) }}
                                                        </small>
                                                    @else
                                                        <p class="mb-1 text-truncate-2">
                                                            <a href="javascript:void(0);">
                                                                {{$notification->data['order_code']}}
                                                            </a>
                                                        </p>
                                                        <small class="text-muted">
                                                            {{ date("F j Y, g:i a", strtotime($notification->created_at)) }}
                                                        </small>
                                                    @endif
                                                @endif
                                            </div>
                                        </div>
                                    </li>
                                @empty
                                    <li class="list-group-item">
                                        <div class="py-4 text-center fs-16">
                                            {{ translate('No notification found') }}
                                        </div>
                                    </li>
                                @endforelse
                            </ul>
                        </div>
                        <div class="text-center border-top">
                            <a href="{{ route('seller.all-notification') }}" class="text-reset d-block py-2">
                                {{translate('View All Notifications')}}
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            {{-- language --}}
            @php
                if(Session::has('locale')){
                    $locale = Session::get('locale', Config::get('app.locale'));
                }
                else{
                    $locale = env('DEFAULT_LANGUAGE');
                }
            @endphp

           <div class="aiz-topbar-item ml-2 pc">
                <a class="dropdown-toggle no-arrow" href="javascript:void(0);"  style="color:#2A3243;font-size:14px;margin-top:24px;">
                {{translate('Credit Score')}}{{ Auth::user()->shop->credit_score }},
                {{translate('Guarantee Money')}}{{ single_price( Auth::user()->shop->bzj_money) }}
                </a>
            </div>

            <div class="aiz-topbar-item ml-2">
                <div class="align-items-stretch d-flex dropdown " id="lang-change">
                    <a class="dropdown-toggle no-arrow" data-toggle="dropdown" href="javascript:void(0);" role="button" aria-haspopup="false" aria-expanded="false">
                        <span class="btn btn-icon">
                            <img src="{{ static_asset('assets/img/flags/'.$locale.'.png') }}" height="11">
                        </span> </a>
                    <ul class="dropdown-menu dropdown-menu-right dropdown-menu-animated dropdown-menu-xs">

                        @foreach (\App\Models\Language::where(['status' => 1])->get() as $key => $language)
                            <li>
                                <a href="javascript:void(0)" data-flag="{{ $language->code }}" class="dropdown-item @if($locale == $language->code) active @endif">
                                    <img src="{{ static_asset('assets/img/flags/'.$language->code.'.png') }}" class="mr-2">
                                    <span class="language">{{ $language->name }}</span> </a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>

            <div class="aiz-topbar-item ml-2">
                <div class="align-items-stretch d-flex dropdown">
                    <a class="dropdown-toggle no-arrow text-dark" data-toggle="dropdown" href="javascript:void(0);" role="button" aria-haspopup="false" aria-expanded="false">
                        <span class="d-flex align-items-center">
                            <span class="avatar avatar-sm mr-md-2">
                                <img
                                    src="{{ uploaded_asset(Auth::user()->avatar_original) }}"
                                    onerror="this.onerror=null;this.src='{{ static_asset('assets/img/avatar-place.png') }}';"
                                >
                            </span>
                            <span class="d-none d-md-block">
                                <span class="d-block fw-500">{{Auth::user()->name}}</span>
                                <span class="d-block small opacity-60">{{Auth::user()->user_type}}</span>
                            </span>
                        </span> </a>
                    <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated dropdown-menu-md">
                        <a href="{{ route('seller.profile.index') }}" class="dropdown-item">
                            <i class="las la-user-circle"></i> <span>{{translate('Profile')}}</span> </a>

                        <a href="{{ route('logout')}}" class="dropdown-item"> <i class="las la-sign-out-alt"></i>
                            <span>{{translate('Logout')}}</span> </a>
                    </div>
                </div>
            </div><!-- .aiz-topbar-item -->
        </div>
    </div>
</div><!-- .aiz-topbar -->
<script>
    function Jump() {
        window.open( '{{$customer_service_link}}' )
    }
</script>
